<template>
    <section>
        <b-field label="Small">
            <b-numberinput size="is-small"> </b-numberinput>
        </b-field>

        <b-field label="Default">
            <b-numberinput placeholder="Default"> </b-numberinput>
        </b-field>

        <b-field label="Medium">
            <b-numberinput size="is-medium"> </b-numberinput>
        </b-field>

        <b-field label="Large">
            <b-numberinput size="is-large"> </b-numberinput>
        </b-field>
    </section>
</template>

<script setup lang="ts">
import { BField, BNumberinput } from "buefy";
</script>
